    Vue.component('van-ban',{
        props:["title"],
        template:`<div class="van-ban">
        <span @click="$emit('leftclick')">{{title.back}}</span>
        <span>{{title.top}}</span>
        <span @click="$emit('rightclick')">{{title.search}}</span>
        </div>`,
    })

Vue.component('van-button',{
    props:['button'],
    template:`<button class="van-button" @click="$emit('click')" :style={backgroundColor:button.color}>{{button.title}}</button>`,
})

Vue.component('van-loading',{
    props:["value"],
    template:`<div class="van-loading" v-show="value"></div>`,
})

Vue.component('van-jump',{
    props:["value",'value1'],
    template:`<div class="van-jump"  v-show="value1" @click="$emit('click')">{{value}}</div>`,
})

Vue.component('van-table',{
    props:["value1","value2"],
    template:`<table border="1" cellpadding="20" cellspacing="0">
    <tr>
    <th v-for="item in value1">{{item.titles}}</th>
    </tr>
    <tr v-for="item in value2">
    <td v-for="cols in value1">{{item[cols.key]}}</td>
    </tr>
    </table>`,
})


